.szzj-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 64px;
  padding: 0 20px;
  line-height: 64px;
  background-color: #fff;
  box-shadow: 0 1px 4px #00152914;

  &-system {
    display: flex;

    .szzj-header-system-logo {
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 16px;
      vertical-align: middle;
      cursor: pointer;
    }

    .szzj-header-system-title {
      color: rgba(0, 0, 0, 85%);
      line-height: 64px;
      vertical-align: top;
      cursor: pointer;
    }
  }

  &-user {
    display: flex;

    &-left-addon {
      margin-right: 20px;
    }

    &-content {
      display: inline-block;
      height: 44px;
      padding: 10px 0;
      line-height: 44px;
      cursor: pointer;

      .szzj-header-user-name {
        margin-left: 10px;
      }
    }

    &-right-addon {
      margin-left: 20px;
    }
  }
}
